﻿@inherits Blazorise.CollapseHeader
<div id="@ElementId" class="@ClassNames" style="@StyleNames" @attributes="@Attributes" @onclick="@ClickHandler">
    <span role="img" aria-label="right" class="anticon anticon-right ant-collapse-arrow">
        <svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" style="@IconStlyes"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg>
    </span>
    @ChildContent
</div>

@code {
    string IconStlyes
        => ParentCollapse.Visible ? "transform: rotate(90deg);" : "";
}